import React from 'react'
import { useNavigate } from 'react-router-dom';
import {withNavigate} from '../hoc'
// function Login(){
//     const navigate = useNavigate()
    
//     return <div>
//         Login
//         <button onClick={()=>{
//             navigate('/mine')
//         }}>登录</button>
//     </div>
// }

class Login extends React.PureComponent{
    render(){
        console.log('props',this.props)
        return <div>
            Login
            <button onClick={()=>{
                this.props.goto('/mine')
            }}>登录</button>
        </div>
    }
}

// 利用函数组件作为Login的父组件，并向Login传递navigate
// function Wrap(){
//     const navigate = useNavigate()
//     return <Login a={10} goto={navigate} />
// }

Login = withNavigate(Login); // Wrap(Login)


export default Login;